<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
	<div class="header-left-box">
		<a class="header-left-link">拉勾APP</a><a class="header-left-link" style="color:#c4c3c3;border-left:1px #ccc solid">进入企业版</a>
	</div>
	<div class="header-right-box">
		<a class="header-right-link">登录</a><a class="header-right-link" style="color:#c4c3c3;border-left:1px #ccc solid">注册</a>
	</div>
</div>
</header>
<nav>
<div class="container">
	<div class="logo">
		<img src="images/logo_1c5763c.png">
	</div>
	<div class="city">
		广州站&nbsp;
		<span>[切换城市]</span>
	</div>
	<div class="meun">
		<ul>
			<li>首页</li>
			<li>公司</li>
			<li>一拍</li>
		</ul>
	</div>
</div>
</nav>
<div class="main">
	<div class="container">
		<div class="aside">
			<div class="detail-sort-box">
				<div class="detail-sort">
					<h3>技术
					<div>
						>
					</div>
					</h3>
					<ul>
						<li>PHP</li>
						<li>java</li>
						<li>C#</li>
						<li>C++</li>
						<li>前端</li>
						<li>java技术</li>
					</ul>
				</div>
				<div class="detail-sort-show">
				</div>
			</div>
			<div class="detail-sort-box">
				<div class="detail-sort">
					<h3>技术
					<div>
						>
					</div>
					</h3>
					<ul>
						<li>PHP</li>
						<li>java</li>
						<li>C#</li>
						<li>C++</li>
						<li>前端</li>
						<li>java技术</li>
					</ul>
				</div>
				<div class="detail-sort-show">
				</div>
			</div>
			<div class="detail-sort-box">
				<div class="detail-sort">
					<h3>技术
					<div>
						>
					</div>
					</h3>
					<ul>
						<li>PHP</li>
						<li>java</li>
						<li>C#</li>
						<li>C++</li>
						<li>前端</li>
						<li>java技术</li>
					</ul>
				</div>
				<div class="detail-sort-show">
				</div>
			</div>
			<div class="detail-sort-box">
				<div class="detail-sort">
					<h3>技术
					<div>
						>
					</div>
					</h3>
					<ul>
						<li>PHP</li>
						<li>java</li>
						<li>C#</li>
						<li>C++</li>
						<li>前端</li>
						<li>java技术</li>
					</ul>
				</div>
				<div class="detail-sort-show">
				</div>
			</div>
			<div class="bookjob">
				订阅职位
				<i></i>
			</div>
		</div>
		<div class="content">
			<div class="search-box">
				<input class="search">
				<a class="search-button">搜索</a>
			</div>
			<div class="hot-search-box">
				<dl class="hot-search">
					<dt>热门搜索:</dt>
					<dd><a>优质设计岗位</a></dd>
					<dd><a>优质设计岗位</a></dd>
					<dd><a>优质设计岗位</a></dd>
				</dl>
			</div>
			<div class="slider">
				<div class="banner">
					<div class="slide">
						<img src="images/Cgp3O1b-YmiAfYXKAABaX_eLdn0756.JPG">
						<img src="images/CgqKkVb-WcGAAIDHAAE0PRlsSYQ847.JPG">
						<img src="images/Cgp3O1b-XGqAFen8AAFOsYgMdik836.JPG">
					</div>
				</div>
				<div class="index">
					<div class="index-active">
						<div class="arrow-left">
						</div>
					</div>
					<div class="index-item">
					</div>
					<div class="index-item">
					</div>
					<div class="index-item">
					</div>
				</div>
			</div>
			<div class="swiper">
				<ul>
					<li class="swiper_block"><img src="images/Cgo8PFUT1JWAVxrbAACLuDE3mzI055.jpg">
					<div>
						<h3>玄武科技</h3>
						<p>
							中国领先的专业移动信息化服务提供商
						</p>
					</div>
					</li>
					<li class="swiper_block"><img src="images/Cgo8PFUT1JWAVxrbAACLuDE3mzI055.jpg">
					<div>
						<h3>玄武科技</h3>
						<p>
							中国领先的专业移动信息化服务提供商
						</p>
						</li>
						<li class="swiper_block"><img src="images/Cgo8PFUT1JWAVxrbAACLuDE3mzI055.jpg">
						<div>
							<h3>玄武科技</h3>
							<p>
								中国领先的专业移动信息化服务提供商
							</p>
							</li>
							<li class="swiper_block"><img src="images/Cgo8PFUT1JWAVxrbAACLuDE3mzI055.jpg">
							<div>
								<h3>玄武科技</h3>
								<p>
									中国领先的专业移动信息化服务提供商
								</p>
								</li>
								<li class="swiper_block"><img src="images/Cgo8PFUT1JWAVxrbAACLuDE3mzI055.jpg">
								<div>
									<h3>玄武科技</h3>
									<p>
										中国领先的专业移动信息化服务提供商
									</p>
									</li>
									<li class="swiper_block"><img src="images/Cgo8PFUT1JWAVxrbAACLuDE3mzI055.jpg">
									<div>
										<h3>玄武科技</h3>
										<p>
											中国领先的专业移动信息化服务提供商
										</p>
										</li>
									</ul>
								</div>
								<div class="recommend-box">
									<div class="sort-title">
										<a data-href="hot-job" class="sort-title-detail active">热门职位</a><a data-href="new-job" class="sort-title-detail">最新职位</a>
									</div>
									<ul id="hot-job">
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">戏测试工程师[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">8K-15K</span>&nbsp;&nbsp;<span>大专以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">飞鱼电商</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展"工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												<div class="detail-tag">
													带薪年假
												</div>
												<div class="detail-tag">
													五险一金
												</div>
											</div>
										</div>
										</li>
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">游戏测试工程师[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">8K-15K</span>&nbsp;&nbsp;<span>大专以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">飞鱼电商</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
										</div>
										</li>
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">游戏测试工程师[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">8K-15K</span>&nbsp;&nbsp;<span>大专以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">飞鱼电商</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
										</div>
										</li>
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">游戏测试工程师[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">8K-15K</span>&nbsp;&nbsp;<span>大专以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">飞鱼电商</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
										</div>
										</li>
									</ul>
									<ul id="new-job" style="visibility:hidden">
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">高级销售顾问[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">2K-15K</span>&nbsp;&nbsp;<span>本科以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">北京瑞达恒建筑咨询有限公司</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
										</div>
										</li>
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">高级销售顾问[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">2K-15K</span>&nbsp;&nbsp;<span>本科以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">北京瑞达恒建筑咨询有限公司</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
										</div>
										</li>
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">高级销售顾问[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">2K-15K</span>&nbsp;&nbsp;<span>本科以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">北京瑞达恒建筑咨询有限公司</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												<div class="detail-tag">
													带薪年假
												</div>
												<div class="detail-tag">
													五险一金
												</div>
												<div class="detail-tag">
													带薪年假
												</div>
												<div class="detail-tag">
													五险一金
												</div>
											</div>
										</div>
										</li>
										<li>
										<div class="job-detail-top">
											<div class="left-part">
												<p>
													<span class="font-color">高级销售顾问[广州]</span>&nbsp;&nbsp;<span>2016-03-26</span>
												</p>
												<p>
													<span style="color:red;">2K-15K</span>&nbsp;&nbsp;<span>本科以上</span>
												</p>
											</div>
											<div class="right-part">
												<p>
													<span class="job-company font-color">北京瑞达恒建筑咨询有限公司</span>
												</p>
												<p>
													移动互联网 · 电子商务 / 成长型(不需要融资)
												</p>
											</div>
										</div>
										<div class="job-detail-bottom">
											<div class="left-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
											<div class="right-part">
												 "工作环境及氛围好，包吃住，发展空间大"
											</div>
										</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					</body>
					<script src="js/jquery.js"></script>
					<script src="js/javascript.js"></script>
					</html>